<template>
    <div>
        <p v-for="(item,index) in arr" :key="index"> 
            {{item.shopName}} <button @click="add(index)">+</button> 
            {{item.count}} <button @click="rdc(index)">-</button></p>
    </div>
</template>

<script>
export default {
    props:['arr'],

    data() {
        return {
            
        };
    },


    methods: {
        add(index){
        this.$emit('addCount',index)
        },
        rdc(index){
        this.$emit('rdcCount',index)
        }
    },
};
</script>

<style lang="scss" scoped>

</style>